<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title> 客户管理 </title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/icons-extra.css">
    <link rel="stylesheet" href="css/app.css">
    <style type="text/css">
   #supplier-box ul{ background: #fff }
   #supplier-box ul li{ padding: 11px 13px; }
   #supplier-box ul li .mui-media-body{ font-size: 12px; }
   /* #supplier-list{ padding-top: 0; } */ 
    </style>
</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">

        <h1 class="mui-title">客户管理</h1>
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <!-- <a id="promptBtn" class="mui-icon mui-icon-search mui-pull-right"></a> -->
        <a class="mui-icon  mui-icon-plus mui-pull-right" href="./customerAdd.html"></a>
    </header> 
 

    <div class="mui-content" id="supplier-search"> 
            <form class="mui-content-padded" style="margin: 5px;">
                <div class="mui-input-row mui-search" id=" ">
                    <input type="search" class="mui-input-clear" placeholder="如：货号">
                </div>
            </form>
            <h6 class="mui-content-padded" style="margin: 5px 10px 5px; "> 左滑显示多功能菜单</h6>
            
    </div>
    <ul class="mui-table-view mui-table-view-chevron ">
				<li class="mui-table-view-cell mui-media">
            
          	<div class="mui-slider-right mui-disabled">
              <a class="mui-btn mui-btn-grey mui-icon mui-icon-person" href="#"></a>
              <a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone" href="tel:13273803580"></a>
              <a class="mui-btn mui-btn-red mui-icon mui-icon-email" href="sms:10086"></a> 
              </div>
					<a class="mui-slider-handle mui-navigate-right" href="#">
              <span class="mui-badge mui-badge-danger">重点客户</span> 
              <!-- 公司logo图标保留 -->
						<!-- <img class="mui-media-object mui-pull-left" src=""> -->
						<div class="mui-media-body">
              <h4 class="title">崔经理</h4>
                
                <p class="mui-ellipsis"> 编号：<span>001</span> </p> 
                <p class="mui-ellipsis"> 电话：<span>13273803588</span> </p>
                <p class="mui-ellipsis"> 邮箱：<span>2410365997@qq.com</span> </p>
                <p class="mui-ellipsis" > 地址：<span>郑州市长椿路与冬青街交叉口河南省电子商务产业园9号楼1001室</span> </p>
                </div>
          </a>
				</li> 
				<li class="mui-table-view-cell mui-media">
          	<div class="mui-slider-right mui-disabled">
                <a class="mui-btn mui-btn-grey mui-icon mui-icon-person"  href="#"></a>
                <a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone" href="tel:13273803580"></a>
                <a class="mui-btn mui-btn-red mui-icon mui-icon-email" href="sms:10086"></a>
              </div>
					<a class="mui-slider-handle mui-navigate-right"  href="#">
              <span class=" mui-badge mui-badge-primary">普通客户</span>
              <!-- 公司logo图标保留 -->
						<!-- <img class="mui-media-object mui-pull-left" src=""> -->
						<div class="mui-media-body">
                <h4 class="title">崔经理</h4>
                <p class="mui-ellipsis"> 编号：<span>001</span> </p> 
                <p class="mui-ellipsis"> 电话：<span>13273803588</span> </p>
                <p class="mui-ellipsis"> 邮箱：<span>2410365997@qq.com</span> </p>
                <p class="mui-ellipsis" > 地址：<span>郑州市长椿路与冬青街交叉口河南省电子商务产业园9号楼1001室</span> </p>
                </div>
          </a>
				</li> 
			 
			</ul>
    
    
    <div class="mui-content" id="supplier-list">
 
</div>
    <nav class="mui-bar mui-bar-tab" id="bar-down">
       
            <div class="mui-tab-item mui-active" data-href="./index.html">
                <span class="mui-icon mui-icon-home"></span>
                <span class="mui-tab-label">首页</span>
            </div>
            <div class="mui-tab-item" data-href="./sales.html">
                <span class="mui-icon mui-icon-star"> </span>
                <span class="mui-tab-label">销售管理</span>
            </div>
            <div class="mui-tab-item" data-href="./procurement.html">
                <span class="mui-icon mui-icon-download"> </span>
                <span class="mui-tab-label">采购管理</span>
            </div>
            <div class="mui-tab-item" data-href="./warehouse.html">
                <span class="mui-icon mui-icon-flag"></span>
                <span class="mui-tab-label">仓库管理</span>
            </div>
            <div class="mui-tab-item" data-href="./basis.html">
                <span class="mui-icon mui-icon-gear"></span>
                <span class="mui-tab-label">基础管理</span>
            </div>
      
    </nav>
 

    <script src="js/mui.min.js"></script>
    <script src="js/song.js"></script>
    <script>
        mui.init({});
    
        mui("#bar-down").on("tap", "div", function () {
            var href = this.getAttribute("data-href");
            if (href !== "") {
                gotoUrl(href);
                return;
            }
        }, false);
     
    </script>
</body>

</html>